<!DOCTYPE html>
<!--[if IE 9]>         <html class="ie9 no-focus" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-focus" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">

        <title>OneUI - Admin Dashboard Template &amp; UI Framework</title>

        <meta name="description" content="OneUI - Admin Dashboard Template &amp; UI Framework created by pixelcave and published on Themeforest">
        <meta name="author" content="pixelcave">
        <meta name="robots" content="noindex, nofollow">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <!-- Icons -->
        <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
        <link rel="shortcut icon" href="assets/img/favicons/favicon.png">

        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-16x16.png" sizes="16x16">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-96x96.png" sizes="96x96">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-160x160.png" sizes="160x160">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-192x192.png" sizes="192x192">

        <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-touch-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-touch-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-touch-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-touch-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon-180x180.png">
        <!-- END Icons -->

        <!-- Stylesheets -->
        <!-- Web fonts -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">

        <!-- Page JS Plugins CSS -->
        <link rel="stylesheet" href="assets/js/plugins/magnific-popup/magnific-popup.min.css">


        <!-- Bootstrap and OneUI CSS framework -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" id="css-main" href="assets/css/oneui.css">

        <!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
        <!-- <link rel="stylesheet" id="css-theme" href="assets/css/themes/flat.min.css"> -->
        <!-- END Stylesheets -->
    </head>
    <body>
        <!-- Page Container -->
        <!--
            Available Classes:

            'enable-cookies'             Remembers active color theme between pages (when set through color theme list)

            'sidebar-l'                  Left Sidebar and right Side Overlay
            'sidebar-r'                  Right Sidebar and left Side Overlay
            'sidebar-mini'               Mini hoverable Sidebar (> 991px)
            'sidebar-o'                  Visible Sidebar by default (> 991px)
            'sidebar-o-xs'               Visible Sidebar by default (< 992px)

            'side-overlay-hover'         Hoverable Side Overlay (> 991px)
            'side-overlay-o'             Visible Side Overlay by default (> 991px)

            'side-scroll'                Enables custom scrolling on Sidebar and Side Overlay instead of native scrolling (> 991px)

            'header-navbar-fixed'        Enables fixed header
            'header-navbar-transparent'  Enables a transparent header (if also fixed, it will get a solid dark background color on scrolling)
        -->
        <div id="page-container" class="sidebar-l sidebar-mini sidebar-o side-scroll header-navbar-fixed header-navbar-transparent">
            <!-- Sidebar -->
            <nav id="sidebar">
                <!-- Sidebar Scroll Container -->
                <div id="sidebar-scroll">
                    <!-- Sidebar Content -->
                    <!-- Adding .sidebar-mini-hide to an element will hide it when the sidebar is in mini mode -->
                    <div class="sidebar-content">
                        <!-- Side Header -->
                        <div class="side-header side-content">
                            <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                            <button class="btn btn-link text-gray pull-right visible-xs visible-sm" type="button" data-toggle="layout" data-action="sidebar_close">
                                <i class="fa fa-times"></i>
                            </button>
                            <!-- Themes functionality initialized in App() -> uiHandleTheme() -->
                            <div class="btn-group pull-right visible-md visible-lg">
                                <button class="btn btn-link text-gray dropdown-toggle" data-toggle="dropdown" type="button">
                                    <i class="si si-drop"></i>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-right font-s13 sidebar-mini-hide">
                                    <li>
                                        <a data-toggle="theme" data-theme="default" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-default pull-right"></i> <span class="font-w600">Default</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/amethyst.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-amethyst pull-right"></i> <span class="font-w600">Amethyst</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/city.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-city pull-right"></i> <span class="font-w600">City</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/flat.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-flat pull-right"></i> <span class="font-w600">Flat</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/modern.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-modern pull-right"></i> <span class="font-w600">Modern</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/smooth.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-smooth pull-right"></i> <span class="font-w600">Smooth</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <a class="h5 text-white" href="index.html">
                                <i class="fa fa-circle-o-notch text-primary"></i> <span class="h4 font-w600 sidebar-mini-hide">ne</span>
                            </a>
                        </div>
                        <!-- END Side Header -->

                        <!-- Side Content -->
                        <div class="side-content">
                            <ul class="nav-main">
                                <li>
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-home"></i><span class="sidebar-mini-hide">Home</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_home.html">Default Navigation</a>
                                        </li>
                                        <li>
                                            <a href="frontend_home_header_nav.html">Header Navigation</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="frontend_features.html"><i class="si si-energy"></i><span class="sidebar-mini-hide">Features</span></a>
                                </li>
                                <li>
                                    <a href="frontend_pricing.html"><i class="si si-wallet"></i><span class="sidebar-mini-hide">Pricing</span></a>
                                </li>
                                <li>
                                    <a href="frontend_contact.html"><i class="si si-envelope-open"></i><span class="sidebar-mini-hide">Contact</span></a>
                                </li>
                                <li>
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-book-open"></i><span class="sidebar-mini-hide">Pages</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_team.html">Team</a>
                                        </li>
                                        <li>
                                            <a href="frontend_support.html">Support</a>
                                        </li>
                                        <li>
                                            <a href="frontend_search.html">Search</a>
                                        </li>
                                        <li>
                                            <a href="frontend_about.html">About</a>
                                        </li>
                                        <li>
                                            <a href="frontend_login.html">Log In</a>
                                        </li>
                                        <li>
                                            <a href="frontend_signup.html">Sign Up</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="nav-main-heading"><span class="sidebar-mini-hide">Pages Packs</span></li>
                                <li>
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-pencil"></i><span class="sidebar-mini-hide">Blog</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_blog_classic.html">Classic</a>
                                        </li>
                                        <li>
                                            <a href="frontend_blog_list.html">List</a>
                                        </li>
                                        <li>
                                            <a href="frontend_blog_grid.html">Grid</a>
                                        </li>
                                        <li>
                                            <a href="frontend_blog_story.html">Story</a>
                                        </li>
                                        <li>
                                            <a href="frontend_blog_story_cover.html">Story Cover</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-graduation"></i><span class="sidebar-mini-hide">e-Learning</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_elearning_courses.html">Courses</a>
                                        </li>
                                        <li>
                                            <a href="frontend_elearning_course.html">Course</a>
                                        </li>
                                        <li>
                                            <a href="frontend_elearning_lesson.html">Lesson</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-bag"></i><span class="sidebar-mini-hide">e-Commerce</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_ecom_home.html">Home</a>
                                        </li>
                                        <li>
                                            <a href="frontend_ecom_search.html">Search Results</a>
                                        </li>
                                        <li>
                                            <a href="frontend_ecom_products.html">Products List</a>
                                        </li>
                                        <li>
                                            <a href="frontend_ecom_product.html">Product Page</a>
                                        </li>
                                        <li>
                                            <a href="frontend_ecom_checkout.html">Checkout</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="open">
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-plane"></i><span class="sidebar-mini-hide">Travel</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_travel_agency.html">Agency</a>
                                        </li>
                                        <li>
                                            <a href="frontend_travel_package.html">Package</a>
                                        </li>
                                        <li>
                                            <a class="active" href="frontend_travel_guide.html">Guide</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <!-- END Side Content -->
                    </div>
                    <!-- Sidebar Content -->
                </div>
                <!-- END Sidebar Scroll Container -->
            </nav>
            <!-- END Sidebar -->

            <!-- Header -->
            <header id="header-navbar" class="content-mini content-mini-full hidden-md hidden-lg">
                <div class="content-boxed">
                    <!-- Header Navigation Right -->
                    <ul class="nav-header pull-right">
                        <li>
                            <!-- Themes functionality initialized in App() -> uiHandleTheme() -->
                            <div class="btn-group">
                                <button class="btn btn-link text-white dropdown-toggle" data-toggle="dropdown" type="button">
                                    <i class="si si-drop"></i>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-right sidebar-mini-hide font-s13">
                                    <li>
                                        <a data-toggle="theme" data-theme="default" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-default pull-right"></i> <span class="font-w600">Default</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/amethyst.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-amethyst pull-right"></i> <span class="font-w600">Amethyst</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/city.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-city pull-right"></i> <span class="font-w600">City</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/flat.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-flat pull-right"></i> <span class="font-w600">Flat</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/modern.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-modern pull-right"></i> <span class="font-w600">Modern</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/smooth.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-smooth pull-right"></i> <span class="font-w600">Smooth</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                            <button class="btn btn-link text-white pull-right" type="button" data-toggle="layout" data-action="sidebar_open">
                                <i class="fa fa-navicon"></i>
                            </button>
                        </li>
                    </ul>
                    <!-- END Header Navigation Right -->

                    <!-- Header Navigation Left -->
                    <ul class="nav-header pull-left">
                        <li class="header-content">
                            <a class="h5" href="index.html">
                                <i class="fa fa-circle-o-notch text-primary"></i> <span class="h4 font-w600 text-white">ne</span>
                            </a>
                        </li>
                    </ul>
                    <!-- END Header Navigation Left -->
                </div>
            </header>
            <!-- END Header -->

            <!-- Main Container -->
            <main id="main-container">
                <!-- Hero Content -->
                <!-- jQuery Vide for video backgrounds, for more examples you can check out https://github.com/VodkaBears/Vide -->
                <div class="bg-video" data-vide-bg="assets/img/videos/hero_sunrise" data-vide-options="posterType: jpg">
                    <div class="bg-black-op">
                        <!-- Header -->
                        <section class="content content-full content-boxed">
                            <div class="push-200-t push-200 text-center">
                                <h1 class="font-s48 font-w700 text-uppercase text-white push-10 visibility-hidden" data-toggle="appear" data-class="animated fadeInDown">Europe Travel Guide</h1>
                                <h2 class="h3 font-w400 text-white-op push-50 visibility-hidden" data-toggle="appear" data-class="animated fadeInDown" data-timeout="500">The best tips to experience the incredible.</h2>
                                <a class="btn btn-rounded btn-noborder btn-lg btn-success visibility-hidden" data-toggle="appear" data-class="animated fadeInUp" data-timeout="750" href="javascript:void(0)">
                                    <i class="fa fa-shopping-cart push-5-r"></i> Purchase $39
                                </a>
                            </div>
                        </section>
                        <!-- END Header -->
                    </div>
                </div>
                <!-- END Hero Content -->

                <!-- Mini Stats -->
                <div class="bg-gray-lighter">
                    <section class="content content-boxed">
                        <!-- Section Content -->
                        <div class="row items-push push-20-t push-20 text-center">
                            <div class="col-xs-6 col-sm-3">
                                <div class="item item-2x item-circle bg-white border push-10 visibility-hidden" data-toggle="appear" data-offset="-100" data-class="animated bounceIn">
                                    <i class="fa fa-location-arrow text-amethyst"></i>
                                </div>
                                <div class="h1 push-5" data-toggle="countTo" data-to="32600" data-after="+"></div>
                                <div class="font-w600 text-uppercase text-muted">Places</div>
                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="item item-2x item-circle bg-white border push-10 visibility-hidden" data-toggle="appear" data-offset="-100" data-class="animated bounceIn">
                                    <i class="fa fa-cutlery text-flat"></i>
                                </div>
                                <div class="h1 push-5" data-toggle="countTo" data-to="3500" data-after="+"></div>
                                <div class="font-w600 text-uppercase text-muted">Restaurants</div>
                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="item item-2x item-circle bg-white border push-10 visibility-hidden" data-toggle="appear" data-offset="-100" data-class="animated bounceIn">
                                    <i class="fa fa-institution text-city"></i>
                                </div>
                                <div class="h1 push-5" data-toggle="countTo" data-to="4900" data-after="+"></div>
                                <div class="font-w600 text-uppercase text-muted">Museums</div>
                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="item item-2x item-circle bg-white border push-10 visibility-hidden" data-toggle="appear" data-offset="-100" data-class="animated bounceIn">
                                    <i class="fa fa-lightbulb-o text-warning"></i>
                                </div>
                                <div class="h1 push-5" data-toggle="countTo" data-to="1400" data-after="+"></div>
                                <div class="font-w600 text-uppercase text-muted">Tips &amp; Tricks</div>
                            </div>
                        </div>
                        <!-- END Section Content -->
                    </section>
                </div>
                <!-- END Mini Stats -->

                <!-- Features -->
                <div class="bg-white overflow-hidden">
                    <section class="content content-full content-boxed">
                        <!-- Section Content -->
                        <div class="text-center push-50-t push-50">
                            <div>It's one of the most complete travel guides out there.</div>
                            <h2 class="h1 text-black">Learn all the secrets before even getting there.</h2>
                        </div>
                        <div class="row items-push-2x text-center push-20">
                            <div class="col-sm-4">
                                <div class="item item-3x item-circle bg-image push-20 visibility-hidden" data-toggle="appear" data-class="animated fadeIn" style="background-image: url('assets/img/photos/photo37.jpg');"></div>
                                <h3 class="h5 font-w600 text-uppercase visibility-hidden" data-toggle="appear" data-class="animated fadeInUp">Cheapest Flights Available</h3>
                            </div>
                            <div class="col-sm-4">
                                <div class="item item-3x item-circle bg-image push-20 visibility-hidden" data-toggle="appear" data-class="animated fadeIn" style="background-image: url('assets/img/photos/photo39.jpg');"></div>
                                <h3 class="h5 font-w600 text-uppercase visibility-hidden" data-toggle="appear" data-class="animated fadeInUp">Most Amazing Hotels</h3>
                            </div>
                            <div class="col-sm-4">
                                <div class="item item-3x item-circle bg-image push-20 visibility-hidden" data-toggle="appear" data-class="animated fadeIn" style="background-image: url('assets/img/photos/photo38.jpg');"></div>
                                <h3 class="h5 font-w600 text-uppercase visibility-hidden" data-toggle="appear" data-class="animated fadeInUp">Secret Places</h3>
                            </div>
                            <div class="col-sm-4">
                                <div class="item item-3x item-circle bg-image push-20 visibility-hidden" data-toggle="appear" data-class="animated fadeIn" style="background-image: url('assets/img/photos/photo35.jpg');"></div>
                                <h3 class="h5 font-w600 text-uppercase visibility-hidden" data-toggle="appear" data-class="animated fadeInUp">Best Museums</h3>
                            </div>
                            <div class="col-sm-4">
                                <div class="item item-3x item-circle bg-image push-20 visibility-hidden" data-toggle="appear" data-class="animated fadeIn" style="background-image: url('assets/img/photos/photo14.jpg');"></div>
                                <h3 class="h5 font-w600 text-uppercase visibility-hidden" data-toggle="appear" data-class="animated fadeInUp">Best Mountain Hikes</h3>
                            </div>
                            <div class="col-sm-4">
                                <div class="item item-3x item-circle bg-image push-20 visibility-hidden" data-toggle="appear" data-class="animated fadeIn" style="background-image: url('assets/img/photos/photo12.jpg');"></div>
                                <h3 class="h5 font-w600 text-uppercase visibility-hidden" data-toggle="appear" data-class="animated fadeInUp">Nightlife Essentials</h3>
                            </div>
                        </div>
                        <!-- END Section Content -->
                    </section>
                </div>
                <!-- END Features -->

                <!-- Images -->
                <div class="bg-gray-lighter overflow-hidden">
                    <section class="content content-full content-boxed">
                        <!-- Section Content -->
                        <div class="text-center push-50-t push-50">
                            <div>See for yourself how it feels to be there.</div>
                            <h2 class="h1 text-black">Amazing High Quality Photos.</h2>
                        </div>

                        <!-- Gallery (.js-gallery class is initialized in App() -> uiHelperMagnific()) -->
                        <!-- For more info and examples you can check out http://dimsemenov.com/plugins/magnific-popup/ -->
                        <div class="content-grid push-50">
                            <div class="row js-gallery">
                                <div class="col-xs-4 animated fadeIn">
                                    <a class="img-link" href="assets/img/photos/photo38@2x.jpg">
                                        <img class="img-responsive" src="assets/img/photos/photo38@2x.jpg" alt="">
                                    </a>
                                </div>
                                <div class="col-xs-4 animated fadeIn">
                                    <a class="img-link" href="assets/img/photos/photo35@2x.jpg">
                                        <img class="img-responsive" src="assets/img/photos/photo35.jpg" alt="">
                                    </a>
                                </div>
                                <div class="col-xs-4 animated fadeIn">
                                    <a class="img-link" href="assets/img/photos/photo28@2x.jpg">
                                        <img class="img-responsive" src="assets/img/photos/photo28.jpg" alt="">
                                    </a>
                                </div>
                                <div class="col-xs-4 animated fadeIn">
                                    <a class="img-link" href="assets/img/photos/photo37@2x.jpg">
                                        <img class="img-responsive" src="assets/img/photos/photo37@2x.jpg" alt="">
                                    </a>
                                </div>
                                <div class="col-xs-4 animated fadeIn">
                                    <a class="img-link" href="assets/img/photos/photo27@2x.jpg">
                                        <img class="img-responsive" src="assets/img/photos/photo27.jpg" alt="">
                                    </a>
                                </div>
                                <div class="col-xs-4 animated fadeIn">
                                    <a class="img-link" href="assets/img/photos/photo30@2x.jpg">
                                        <img class="img-responsive" src="assets/img/photos/photo30.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- END Gallery -->
                        <!-- END Section Content -->
                    </section>
                </div>
                <!-- END Images -->

                <!-- Purchase -->
                <div class="bg-white">
                    <section class="content content-boxed overflow-hidden">
                        <!-- Section Content -->
                        <div class="text-center push-50-t push-50">
                            <div>Get your own copy today.</div>
                            <h2 class="h1 text-black">Choose your package.</h2>
                        </div>
                        <div class="row push-50">
                            <div class="col-sm-6 col-md-3 col-md-offset-3 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                                <!-- Starter -->
                                <a class="block block-bordered block-link-hover3 text-center" href="javascript:void(0)">
                                    <div class="block-header">
                                        <h3 class="block-title">Starter</h3>
                                    </div>
                                    <div class="block-content block-content-full bg-gray-lighter">
                                        <div class="h1 font-w700 push-10">$39</div>
                                        <div class="h5 font-w300 text-muted">One time payment</div>
                                    </div>
                                    <div class="block-content">
                                        <table class="table table-borderless table-condensed">
                                            <tbody>
                                                <tr>
                                                    <td><strong>Digital</strong> Travel Guide</td>
                                                </tr>
                                                <tr>
                                                    <td>-</td>
                                                </tr>
                                                <tr>
                                                    <td>-</td>
                                                </tr>
                                                <tr>
                                                    <td>-</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="block-content block-content-mini block-content-full bg-gray-lighter">
                                        <span class="btn btn-default"><i class="fa fa-shopping-cart push-5-r"></i>Purchase</span>
                                    </div>
                                </a>
                                <!-- END Starter -->
                            </div>
                            <div class="col-sm-6 col-md-3 visibility-hidden" data-toggle="appear" data-offset="50" data-timeout="200" data-class="animated fadeIn">
                                <!-- Premium -->
                                <a class="block block-bordered block-link-hover3 text-center" href="javascript:void(0)">
                                    <div class="block-header">
                                        <h3 class="block-title text-success">Premium</h3>
                                    </div>
                                    <div class="block-content block-content-full bg-gray-lighter">
                                        <div class="h1 font-w700 text-success push-10">$99</div>
                                        <div class="h5 font-w300 text-muted">One time payment</div>
                                    </div>
                                    <div class="block-content">
                                        <table class="table table-borderless table-condensed">
                                            <tbody>
                                                <tr>
                                                    <td><strong>Digital</strong> Travel Guide</td>
                                                </tr>
                                                <tr>
                                                    <td><strong>Printed</strong> Travel Guide</td>
                                                </tr>
                                                <tr>
                                                    <td><strong>Travel Deals</strong> Access</td>
                                                </tr>
                                                <tr>
                                                    <td><strong>Custom</strong> T-Shirt</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="block-content block-content-mini block-content-full bg-gray-lighter">
                                        <span class="btn btn-success"><i class="fa fa-shopping-cart push-5-r"></i>Purchase</span>
                                    </div>
                                </a>
                                <!-- END Premium -->
                            </div>
                        </div>
                        <!-- END Section Content -->
                    </section>
                </div>
                <!-- END Purchase -->

                <!-- Ratings -->
                <div class="bg-image" style="background-image: url('assets/img/photos/photo28@2x.jpg');">
                    <div class="bg-black-op">
                        <section class="content content-full content-boxed">
                            <!-- Section Content -->
                            <div class="row items-push-2x push-50-t text-center">
                                <div class="col-sm-4 visibility-hidden" data-toggle="appear" data-offset="-150">
                                    <img class="img-avatar img-avatar-thumb" src="assets/img/avatars/avatar7.jpg" alt="">
                                    <div class="text-warning push-10-t push-15">
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                    </div>
                                    <div class="h4 text-white-op push-5">One of the best travel guides I have ever read! Highly recommended!</div>
                                    <div class="h6 text-gray">- Denise Watson</div>
                                </div>
                                <div class="col-sm-4 visibility-hidden" data-toggle="appear" data-offset="-150" data-timeout="150">
                                    <img class="img-avatar img-avatar-thumb" src="assets/img/avatars/avatar13.jpg" alt="">
                                    <div class="text-warning push-10-t push-15">
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                    </div>
                                    <div class="h4 text-white-op push-5">Amazing photos and travel tips! I can’t travel to Europe without it again!</div>
                                    <div class="h6 text-gray">- George Stone</div>
                                </div>
                                <div class="col-sm-4 visibility-hidden" data-toggle="appear" data-offset="-150" data-timeout="300">
                                    <img class="img-avatar img-avatar-thumb" src="assets/img/avatars/avatar4.jpg" alt="">
                                    <div class="text-warning push-10-t push-15">
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                        <i class="fa fa-fw fa-star"></i>
                                    </div>
                                    <div class="h4 text-white-op push-5">Incredible value for money, highly recommended!</div>
                                    <div class="h6 text-gray">- Amanda Powell</div>
                                </div>
                            </div>
                            <!-- END Section Content -->
                        </section>
                    </div>
                </div>
                <!-- END Ratings -->
            </main>
            <!-- END Main Container -->

            <!-- Footer -->
            <footer id="page-footer" class="bg-white">
                <div class="content content-boxed">
                    <!-- Footer Navigation -->
                    <div class="row push-30-t items-push-2x">
                        <div class="col-sm-4">
                            <h3 class="h5 font-w600 text-uppercase push-20">Company</h3>
                            <ul class="list list-simple-mini font-s13">
                                <li>
                                    <a class="font-w600" href="frontend_home.html">Home</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_features.html">Features</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_pricing.html">Pricing</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_about.html">About Us</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_contact.html">Contact Us</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-sm-4">
                            <h3 class="h5 font-w600 text-uppercase push-20">Support</h3>
                            <ul class="list list-simple-mini font-s13">
                                <li>
                                    <a class="font-w600" href="frontend_login.html">Log In</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_signup.html">Sign Up</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_support.html">Support Center</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="javascript:void(0)">Privacy Policy</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="javascript:void(0)">Terms &amp; Conditions</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-sm-4">
                            <h3 class="h5 font-w600 text-uppercase push-20">Get In Touch</h3>
                            <div class="font-s13 push">
                                <strong>Company, Inc.</strong><br>
                                980 Folsom Ave, Suite 1230<br>
                                San Francisco, CA 94107<br>
                                <abbr title="Phone">P:</abbr> (123) 456-7890
                            </div>
                            <div class="font-s13">
                                <i class="si si-envelope-open"></i> company@example.com
                            </div>
                        </div>
                    </div>
                    <!-- END Footer Navigation -->

                    <!-- Copyright Info -->
                    <div class="font-s12 push-20 clearfix">
                        <hr class="remove-margin-t">
                        <div class="pull-right">
                            Crafted with <i class="fa fa-heart text-city"></i> by <a class="font-w600" href="http://goo.gl/vNS3I" target="_blank">pixelcave</a>
                        </div>
                        <div class="pull-left">
                            <a class="font-w600" href="http://goo.gl/6LF10W" target="_blank">OneUI 3.1</a> &copy; <span class="js-year-copy"></span>
                        </div>
                    </div>
                    <!-- END Copyright Info -->
                </div>
            </footer>
            <!-- END Footer -->
        </div>
        <!-- END Page Container -->

        <!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
        <script src="assets/js/core/jquery.min.js"></script>
        <script src="assets/js/core/bootstrap.min.js"></script>
        <script src="assets/js/core/jquery.slimscroll.min.js"></script>
        <script src="assets/js/core/jquery.scrollLock.min.js"></script>
        <script src="assets/js/core/jquery.appear.min.js"></script>
        <script src="assets/js/core/jquery.countTo.min.js"></script>
        <script src="assets/js/core/jquery.placeholder.min.js"></script>
        <script src="assets/js/core/js.cookie.min.js"></script>
        <script src="assets/js/app.js"></script>

        <!-- Page Plugins -->
        <script src="assets/js/plugins/jquery-vide/jquery.vide.min.js"></script>
        <script src="assets/js/plugins/magnific-popup/magnific-popup.min.js"></script>

        <!-- Page JS Code -->
        <script>
            jQuery(function () {
                // Init page helpers (Appear + CountTo + Magnific Popup plugins)
                App.initHelpers(['appear', 'appear-countTo', 'magnific-popup']);
            });
        </script>
    </body>
</html>